# umi4 怎样集成jest 和 gio Debugger 怎样升级V3

image.png

npx umi g jest
1

测试文件中不能包含其他格式的文件,, 不然会报错, 只能是纯函数, 不能有副作用

 yarn add @types/jest --save-dev
1

在 chrome 浏览器中怎样打包已经下载好的扩展程序

C:\Users\11840\AppData\Local\Google\Chrome\User Data\Default\Extensions\gighmmpiobklfepjocnamgkkbiglidom

最后的连续字母是插件ID;

改造后的mainfest 文件

{
  "manifest_version": 3, // 改成V3
  "name": "GIO debugger",
  "version": "1.1.3",
  "action": {
    "default_icon":"images/icon16.png"
  },
  "icons": {
    "16": "images/icon16.png",
    "32": "images/icon32.png",
    "48": "images/icon48.png",
    "128": "images/icon128.png"
  },
  "background": {
    "service_worker": "background.js" // 重点, 需要修改文件的目录层级, 将bg 提到外面来, 并改名, 应该可以不改
  },
  "options_ui": {
    "page": "html/options.html"
  },
  "permissions": [
    "tabs",
    "webRequest",
    "scripting",
    "contextMenus",
    "activeTab",
    "storage",
    "notifications",
    "unlimitedStorage"
  ],
  "host_permissions": [
    "http://*/*",
    "https://*/*",
    "file://*/*"
  ],
  "devtools_page": "devtools/index.html"
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

更改后的插件源代码

请至钉钉文档查看附件《growingio_web_debugger.zip》

更改后后的插件

请至钉钉文档查看附件《growingio_web_debugger.crx》

请至钉钉文档查看附件《growingio_web_debugger.pem》

最后更新时间: 7/9/2025, 3:29:24 PM